From 76391e426889ced005ba0d8df799d985046daad0 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sat, 20 Apr 2024 22:17:31 -0700
Subject: feat(user): parallax hololive badges

---
 src/routes/user/[user]/+page.svelte | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

(limited to 'src/routes/user/[user]')

diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index b0b4ea8a..850bdb26 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -184,13 +184,9 @@
 
 					{#if avatar}
 						<a href={root(`/hololive/${encodeURIComponent(stream)}`)}>
-							<img
-								src={avatar}
-								alt="Avatar"
-								class="user-grid-hololive-badges"
-								title={stream}
-								use:tooltip
-							/>
+							<div class="user-grid-hololive-badges" title={stream} use:tooltip>
+								<ParallaxImage source={avatar} alternativeText="Avatar" />
+							</div>
 						</a>
 					{/if}
 				{/each}
@@ -310,6 +306,7 @@
 		object-fit: cover;
 		transition: $transition;
 		box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px;
+		overflow: hidden;
 
 		&:hover {
 			z-index: 2;
-- 
cgit v1.2.3